<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登陆</title>
    <link rel="stylesheet" href="/static/plugins/bootstrap-3.3.5-dist/css/bootstrap.css" />
</head>
<body>
<div style="height:1000px;background-color: #1b6d85;"></div>
    <div style="z-index:1;opacity:0.5;position:fixed;left:161.5px;right:0;top:0;bottom:0;">
        <img src="/static/imgs/login.jpg" >
    </div>

    <div class="container" style="z-index:2;position:fixed;left:50%;top:50%;margin-left:-300px;margin-top:-100px;">
        <!--action表示将form表单提交到哪儿,method表示指定用哪种方式提交，这里是表单提交用post，请求页面用get-->
        <form class="form-horizontal" action="/login/" method="post">
          <div class="form-group">
            <label for="inputEmail3" class="col-sm-2 control-label">Email</label>
            <div class="col-sm-3">
              <input type="email" name="email" class="form-control"  placeholder="Email">
            </div>
          </div>
          <div class="form-group">
            <label for="inputPassword3" class="col-sm-2 control-label">Password</label>
            <div class="col-sm-3">
              <input type="password" name="pwd" class="form-control"  placeholder="Password">
            </div>
          </div>
          <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
              <button type="submit" class="btn btn-default">sign in</button>
                <span style="color: red;">{{ status }}</span>
            </div>
          </div>
        </form>
    </div>

    <script type="text/javascript" src="/static/js/jquery-2.2.0.js" ></script>
    <script type="text/javascript" src="/static/plugins/bootstrap-3.3.5-dist/js/bootstrap.js" ></script>
</body>
</html>